@blue:#00bafb;
@grey:#eaeaea;
@grey-back:#f5f5f5;
.f14 {
  font-size: 14px;
}
.f12 {
  font-size: 12px;
}
.line {
  border-bottom: solid 1px @grey;
}
.ml10 {
  margin-left: 10px;
}
.metting-roomPlan{
  position: relative;
  height: 100%;
  .wea-alert-page{
    .icon-coms-blank{
      color:#c5c5c5;
    }
  }
  .wea-new-tree{
    .wea-input-wraper{
      padding:0 14px 0 16px;
    }
  }
  .wea-tree-search-layout {//限制最小宽度
    min-width: 700px;
    overflow: auto;
  }
  .left-tree-visible-false {
    .wea-new-top {
      border-left: 1px solid #eaeaea;
    }
    .wea-alert-page {
      border-left: 1px solid #eaeaea;
    }
  }
  .metting-roomPlan-content {
    position: absolute;
    top: 53px;
    bottom: 0px;
    width: 100%;
  }
}
.wea-meeting-roomplan-con {
  position:absolute;
  top:0;
  bottom:0;
  width: 100%;
  .wea-date-switch{
    display: inline-block;
  }
  .room-plan-top {
    height:108px;
    line-height:108px;
    margin-bottom:-108px;
  }
  .roomplan-container {
    height: 100%;
    padding-top: 108px;
    overflow: hidden;
    width: 100%;
    .tab-container {
      height: auto;
    }
    .list-container {
      height: auto;
      .wea-new-table {
        height: 100%;
      }
    }
  }
  .room-plan-top-con {
    vertical-align: middle;
    padding-left: 10px;
    height:46px;
    line-height:46px;
    border-left: 1px solid #eaeaea;
    .meeting-room-organization:hover {
      cursor: pointer;
      color: #0099ff;
    }
    
    .time-select {
      display:inline-block;
      margin-left:30px;
      &>span {
        padding: 0 5px;
        cursor: pointer;
        &.cur{
          color: @blue;
        }
        &.icon-Meeting-Refresh {
          font-size:16px;
          color: #bababa;
          position:relative;
          top: 3px;
          padding-left:10px;
        }
      }
      .picker {
        padding-left: 10px;
      }
    }
    .legend{
      position: absolute;
      right: 10px;
      top: 0;
      line-height: 18px;
      margin-top: 5px;
      text-align: center;
      &>div {
        display:inline-block;
        .square {
          width: 18px;
          height: 18px;
          border: solid 1px @grey;
          display: inline-block;
          margin: 0 10px;
          position:relative;
          top: 2px;
        }
        .squareName{
          max-width: 50px;
          white-space:nowrap;
          overflow: hidden;
          text-overflow: ellipsis
        }
      }
    }
  }
  .roomplan-td-modal {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: #c5c5c5;
    display: none;
    position:absolute;
    top: 0;
  }
  .room-plan-tab-header {
    width: 100%;
    border-collapse: collapse;
    table-layout:fixed;
    .search {
      overflow: hidden;
    }
    .header {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    td, th {
      border: 1px solid @grey;
      height: 30px;
      line-height: 30px;
      font-weight: normal;
      &.search{
        .wea-input-focus {
          // top: -1px;
          width: 100%;
          padding-left: 10px;
          .ant-input-wrapper{
            border:none;
          }
          input {
            border: none;
          }
        }
      }
    }
    .no-border-top {
      th,td {
        border-top: none;
      }
    }
    .first {
      width: 200px;
    }
  }
  .room-plan-tab {
    width: 100%;
    border-collapse: collapse;
    table-layout:fixed;
    td, th {
      border: 1px solid @grey;
      height: 30px;
      line-height: 30px;
      font-weight: normal;
      position:relative;
      &.room-name {
        padding-left: 16px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        background-color: @grey-back;
        width: 200px;
        &:hover {
          background-color: #e8f9fc;
        }
        &.cur {
          background-color: #e8f9fc;
        }
      }
      .roomPlan-subTable {
        border-collapse: collapse;
        height: 100%;
        width: 100%;
        td {
          border: none;
        }
      }
      &:hover {
        &>.roomplan-td-modal {
          display: block;
        }
      }
    }
    td {
      cursor:pointer;
    }
    .no-border-top {
      th,td {
        border-top: none;
      }
    }
    .first {
      width: 200px;
    }
  }
  .ant-tooltip-arrow {
    /*display:none;*/
  }
  .white-tooltip.ant-tooltip  {
    opacity: 1;
    .ant-tooltip-inner {
      background-color: white;
      color: #000;
    }
  }
}
.wea-roomplan-titletip {
  .line {
    margin: 10px 0;
    width: 100%;
    border-bottom: 1px solid #fff;
  }
}

//会议室使用情况--popover套用高级搜索样式
.wea-meeting-popover {
  width: 376px;
  .ant-popover-inner-content {
    padding: 0;
  }
  .popover-search-content {
    padding: 25px 30px 0 20px;
  }
  .wea-associative-search {
    overflow: hidden;
  }
  .wea-form-item {
    margin-bottom: 18px;
  }
  .popover-search-btn {
    width: 100%;
    border-top: 1px solid #E2E2E2;
    line-height: 60px;
    text-align: center;
    >div {
      display: inline-block;
    }
    .btn-left {
      margin-right: 20px;
    }
  }
}

[class^="icon-coms02-"], [class*=" icon-coms02-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon-coms02' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0.5;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-coms02-new .path1:before {
  content: "\e9ee";
  color: rgb(218, 17, 17);
}
.icon-coms02-new .path2:before {
  content: "\e9ef";
  margin-left: -1em;
  color: rgb(221, 23, 23);
}
.icon-coms02-new .path3:before {
  content: "\e9f0";
  margin-left: -1em;
  color: rgb(214, 33, 33);
}
.icon-coms02-new .path4:before {
  content: "\e9f1";
  margin-left: -1em;
  color: rgb(219, 20, 20);
}


//快速新建会议室
.wea-meeting-roomplan-fast-create {
  .ant-modal-close-x {
    color: #B2B2B2;
  }
  .fast-create {
    padding: 16px;
    .fast-create-time {
      color: #333333;
    }
    input::-webkit-input-placeholder{ /*WebKit browsers*/
      color: #B2B2B2
    }
    input:-ms-input-placeholder{ /*Internet Explorer*/
      color: #B2B2B2;
    }
    >input {
      border: 1px solid #E2E2E2;
      width: 316px;
      height: 40px;
      line-height: 40px;
      color: #333333;
      margin-bottom: 16px;
      margin-top: 16px;
      padding-left: 8px;
      outline: none;
    }
    .fast-create-foot {
      overflow: hidden;
      .foot-left {
        color: #B2B2B2;
        cursor: pointer;
      }
      .foot-right {
        float: right;
      }
    }
  }
}